<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="img/ico/favicon.png">
    <title>Agile Saúde</title>
    
    <!-- CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/estrutura-agile.css" rel="stylesheet">
    
    <link rel="stylesheet" href="css/font-awesome.min.css">
    
    <!--[if IE 7]>
    <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
    <![endif]-->
    
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<!-- ÁREA DO TOPO -->
<nav class="navbar navbar-agile">
    <div class="container">
    	<!-- LOGO AGILE SAÚDE -->
        <div class="navbar-header"><a class="navbar-brand" href="#"><img src="img/logo-agile.png"></a></div>
        
		<!-- INÍCIO DO MENU -->
            <ul class="nav navbar-nav navbar-right">
            	<div class="area-login"><a href="cadastro.html#">Ainda não é cadastrado? Cadastre-se aqui.</a>
                <a href='login.html'><img src="img/bt-login.png" border="0"></a>
                </div>
                <li class="active"><a href="index.html">Home</a></li>
                <li><a href="quem-somos.html">Clínica Popular</a></li>
                <li><a href="como-funciona.html">Como Funciona</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Serviços <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Item 01</a></li>
                        <li><a href="#">Item 02</a></li>
                    </ul>
            	</li>
            	<li><a href="fale-conosco.html">Fale Conosco</a></li>
            </ul>
        <!-- FIM DO MENU -->
	</div>
</nav>
<!-- FIM DO TOPO -->

<div class="container-fluid">
	<div class="area-banner-home">
    	<div class="banner-home container"><a href='cadastro.html'><img src="img/banners/home.png"></a></div>
    </div>
</div>

<!-- INÍCIO DO CONTEÚDO -->

<!-- ÁREA PARA CONTEÚDO, SEMPRE UTILIZAR NO INÍCIO DE CADA NOVO BLOCO -->
<div class="container container-sobre">

	<!-- ROW DEFINE A LINHA DO BLOCO, SEMPRE UTILIZAR -->
    <div class="row">
   		<div class="col-md-1"><img src="img/info.png"></div>
        <div class="col-md-5">
            <!-- ÁREA DO TÍTULO... PAGE-HEADER CONTÉM O ESPAÇAMENTO, JÁ O H3 CONTÉM A ESTILIZAÇÃO DE FONTE -->
                <h3>Quem Somos</h3>
            <p class="texto-destaque">A Agile Saúde é uma empresa moderna que visa oferecer  uma forma inovadora de acesso aos melhores serviços e profissionais de saúde  de nossa região, visando sobretudo<strong> rapidez, competência e segurança</strong>.</p>
        </div>
    
    	<div class="col-md-1"><img src="img/economia.png"></div>
        <div class="col-md-5">
            <!-- ÁREA DO TÍTULO... PAGE-HEADER CONTÉM O ESPAÇAMENTO, JÁ O H3 CONTÉM A ESTILIZAÇÃO DE FONTE -->
                <h3>Economia para você e sua família</h3>
            <p class="texto-destaque">A <strong>Agile Saúde</strong> não é um convênio, não existem mensalidades. Não trabalhamos com prazos de carência, você só paga quando usa o serviço. Trabalhamos para aproximar diretamente pacientes e profissionais de saúde.</p>
        </div>
    </div>
    
    <div class="row">
    	<div class="col-md-2 col-md-offset-4">
		<button type="button" class="btn btn-success btn-home">Conheça Mais</button>
        </div>
    </div>
	<hr>
    <div class="row">
    	<div class="col-md-1"><img src="img/cadastro-home.png"></div>
    	<div class="col-md-8">
            <h3>Crie sua conta grátis, é rápido e fácil.</h3>
            <form class="form-horizontal">
                <fieldset>
                    <div class="form-group">
                        <div class="col-md-6">
                        <input type="text" placeholder="Nome Completo" id="" class="form-control">
                        </div>
                        <div class="col-md-6">
                        <input type="text" placeholder="E-mail" id="" class="form-control">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-4">
                        <input type="text" placeholder="Data de Nascimento" id="" class="form-control">
                        </div>
                        <div class="col-md-4">
                        <input type="text" placeholder="RG" id="" class="form-control">
                        </div>
                        <div class="col-md-4">
                        <input type="text" placeholder="CPF" id="" class="form-control">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-4">
                        <input type="text" placeholder="CEP" id="" class="form-control">
                        </div>
                        <div class="col-md-8">
                        <input type="text" placeholder="Endereço" id="" class="form-control">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-4">
                        <input type="text" placeholder="Telefone Residencial" id="" class="form-control">
                        </div>
                        <div class="col-md-4">
                        <input type="text" placeholder="Telefone Celular" id="" class="form-control">
                        </div>
                    </div>
                    <div class="form-group">
                    <div class="col-md-4">
                    	<button type="button" class="btn btn-success btn-home">Quero Experimentar</button>
                    </div>
                    </div>
                </fieldset>
            </form>
            </div>
        	<div class="col-md-3"><img src="img/casal.jpg"></div>
        </div>
    </div>
</div>

<!-- FIM DO CONTEÚDO -->

<!-- RODAPÉ -->
<div class="rodape">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h5>Agile Saúde</h5>
                <h6>© 2013 - Todos os direitos reservados.</h6>
            </div>
		</div>
            
        <div class="row">
            <div class="col-lg-12">
                <div style="width: 150px; margin: 0 auto;">
                    <a href="#"><img src="img/bt-contato.png"></a>
                    <a href="#"><img src="img/bt-facebook.png"></a>
                </div>
            </div>
        </div>
        
    </div>
</div>

<!-- FIM DA CAIXA DE LOGIN -->

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>

<script type="text/javascript">// <![CDATA[
var $ = jQuery.noConflict(); $(document).ready(function()  { $('#myCarousel').carousel({ interval: 3000, cycle: true }); });
// ]]>
</script>



</body>
</html>